﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"                >
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>文件浏览</title>
    <style type="text/css">
        html, body { margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; }
        body, div, span, * { font-size: 12px; font-family: 宋体; line-height: 120%; }
        div.div_folders { border: solid 1px #CCCCCC; }
        div.div_files { border: solid 1px #CCCCCC; overflow: hidden; _overflow: visible; _height: 100px; }
        div.div_file { border: solid 1px #CCCCCC; margin: 2px 2px 2px 2px; padding: 2px 2px 2px 2px; float: left; width: 122px; height: 146px; }
        img.img_file { border: solid 1px #CCCCCC; width: 100%; height: 100%; }
        div.image { width: 120px; height: 90px; margin-bottom: 2px; text-align: center; }
        div.div_page { text-align: right; }
        div.div_file_name { width: 120px; overflow: hidden; white-space: nowrap; }
        div.div_file_name { text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
        a:link, a:visited { text-decoration: none; color: #000000; }
        a:hover, a:active { text-decoration: underline; color: #FF0000; }
        a:hover img { border-color: #FF0000; }
        div.div_file:hover { border: solid 1px #FF0000; }
        span.cpage { color: #FF0000; }
        div.div_file_modify { white-space: nowrap; }
        body { text-align: center; }
        .div_main { text-align: left; margin-left: auto; margin-right: auto; }
    </style>

    <script type="text/javascript">
        window.onresize = function() {
            var div_main = document.getElementById("div_main");
            div_main.style.width = Math.floor(document.body.clientWidth / 132) * 132 + 4 + "px";
        }
        window.onload = function() {
            window.onresize();
        }
        function set_path(el) {
            var src = (el.srcElement || el.target);
            if (src.href) { return false; }
        }
    </script>

</head>
<body>
    <div id="div_main" class="div_main">
        <div class="div_folders">
            <!-- BEGIN 文件夹 -->
            <span class="div_folder"><a href="?p={[FOLDER_PATH]}&amp;size={[PAGE_SIZE]}" target="_self" title="{[FOLDER_NAME]}">
                {[FOLDER_NAME]}</a></span>
            <!-- END 文件夹 -->
        </div>
        <hr />
        <div class="div_page">
            <!-- BEGIN 翻页 -->
            <a href="?{[PAGE_CPAGE_QUERY]}">{[PAGE_CPAGE]}</a>|<a href="?{[PAGE_TPAGE_QUERY]}">{[PAGE_TPAGE]}</a>|<span>{[PAGE_COUNT]}</span>|
            <a href="?{[PAGE_PRE10QUERY]}">前十页</a>|<a href="?{[PAGE_PREQUERY]}">前页</a>|
            <!-- BEGIN 分页列表 -->
            <a href="?{[PAGE_QUERY]}">{[PAGE_PAGE]}</a>
            <!-- END 分页列表 -->
            <!-- BEGIN 当前页 -->
            <span class="cpage">{[PAGE_PAGE]}</span>
            <!-- END 当前页 -->
            |<a href="?{[PAGE_NEXTQUERY]}">后页</a>|<a href="?{[PAGE_NEXT10QUERY]}">后十页</a>
            <!-- END 翻页 -->
        </div>
        <hr />
        <div class="div_files">
            <!-- BEGIN 文件 -->
            <div class="div_file" name="div_file">
                <div class="image">
                    <a href="{[FILE_URL]}" target="_blank" title="{[FILE_NAME]}" onclick="return set_path(event);">
                        <img alt="{[FILE_NAME]}" class="img_file" src="{[URL_PATH]}" title="{[FILE_NAME]}" /></a></div>
                <div class="div_file_name">
                    <span>{[FILE_INDEX]}:</span><a href="{[FILE_URL]}" target="_blank" title="{[FILE_NAME]}">{[FILE_NAME]}</a></div>
                <div class="div_file_size">
                    {[FILE_SIZE]}</div>
                <div class="div_file_type">
                    {[FILE_TYPE]}({[FILE_INFO]})</div>
                <div class="div_file_modify">
                    {[FILE_MODIFY]}</div>
            </div>
            <!-- END 文件 -->
        </div>
        <hr />
        <div class="div_page">
           {[TIME]} {[_翻页]}
        </div>
        <hr />
    </div>
</body>
</html>
